<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // window.onkeydown = function(e){
        //     // console.log(e.keyCode);  f12 是123 
        // }


        // 阻止f12默认行为  打开控制台  

        // document.addEventListener('keydown',function(e){
        //     e = e || window.event;
        //     return 123 != e.keyCode || (e.preventDefault()) || (e.returnValue= false);
        // })

        // // 右键禁止选择 复制

        // document.addEventListener('contextmenu',function(e){
        //     e = e || window.event;
        //     return (e.preventDefault()) || (e.returnValue= false);
        // })


        //通过页面的变化 检测是否控制台打开了 


        function mysize(){
            var flag = 200;
            // window.outerWidth //浏览器的宽
            // window.outerHeight //浏览器的高

            // window.innerWidth // 可视化区域的宽
            // window.innerHeight // 可视化区域的高

            var w = window.outerWidth - window.innerWidth > flag
            var h = window.outerHeight - window.innerHeight > flag
            if(w || h){
                console.log('控制台打开了');
            }

        }

        // mysize();

        window.addEventListener('resize',mysize)
    </script>
</body>
</html>